require(["config"],function(){
	require(["jquery","template","cookie"],function($,template){
		function Header(){
			this.load();
		}
		
		Header.prototype = {
			constructor: Header,
			//加载头部，尾部
			load :function(){
				$.get("/html/include/header.html", $.proxy(this.headerHandler,this) );
				//console.log("为什么不能同时调用get");
				//$.get("/html/include/footer.html", $.proxy(this.footerHandler,this) );
				
			},
// 			footerHandler:function(data){
// 				$("footer").html(data);
// 			},
			headerHandler: function(data){
				//加载网页头部内容 
				$("header").html(data);
				//注册事件监听
				this.addListener();
				// ajax调出城市
				this.alertCity();
				//读取cookie的用户信息
				this.loadLoginUser();
			},
			// 头部 事件监听详情
			addListener: function(){
				this.judgeCookie();
				// 在模态框中 确认城市
				$(".detail-address").on("click","i",this.iClickHandler);
				// 点击 “确认进入”按钮
				$(".down button").click(function(){
					var _city = $(".detail-address")[0].innerText;
					$(".h-login .city p").text ( _city );
					$(".relative .address").css("display","none");
					$(".wrap-address").css("display","none");
					// 修改cookie保存的地址信息
					$.cookie.json = true;
					$.cookie("city",_city,{path:"/"});
				});
				
				// 点击头部城市，进入修改城市
				$(".h-login .city").click(function(){
					$(".relative .address").css("display","block");
					$(".wrap-address").css("display","block");
				})
				//在二级城市菜单中选择城市
				$(".down .detail-address ").on("mouseenter",this.alertCityDisplay );
				$(".down .detail-address ").on("mouseleave",function(){
					$(".addElement").css("display","none");
				} );
				//搜索框事件
				$(".head-search").on("click",this.searchHandler)
			},
			
			// 调出城市数据
			alertCity:function(){
				console.log("点击城市");
				var html= "";
				$.ajax("http://rap2api.taobao.org/app/mock/86542/zhyCity")
				 .done(function(data){
					 // 取得有用数据
					 var data = {city: data.res_body.data};
					 // 数据处理取2位字符
					 data.city.forEach(function(curr,index){
						 //省
						data.city[index].province = data.city[index].province.slice(0,2);
						data.city[index].city1.forEach(function(curr,index2){
							// 处理城市数据
							data.city[index].city1[index2].city2 = 
							data.city[index].city1[index2].city2.slice(0,2);
						})
					 });
					html = template("city_template",data);
					//带添加元素
					$(".down .detail-address span .addElement").html(html);
					// 先隐藏其他城市
					$(".addElement").css("display","none");
				 } );
			},	
			
			alertCityDisplay:function(){		
				$(".addElement").css("display","block");
			},
			
			// 城市二级菜单详情
			iClickHandler:function(){
				console.log(this.innerHTML);
				
				$(".detail-address")[0].innerHTML = this.innerHTML+"<span>"+$(".detail-address span")[0].innerHTML+"</span>";		
				// 从新隐藏 其他城市
				$(".addElement").css("display","none");
				// 	console.log("click事件里写 $.proxy()怎么么",);			
			},
			
			// 搜索框事件
			searchHandler:function(){
				console.log($(".search_keyword").val() );
				if( !$(".search_keyword").val() ){
					alert("请输入关键字");
				}else{
					alert("敬请期待");
				}	
			},
			
			// 判断城市cookie内容
			judgeCookie:function(){
				$.cookie.json = true;
				if( $.cookie("city") ){
					$(".h-login .city p").text ( $.cookie("city").slice(0,2) );
					console.log( "cookie(city) = ",$.cookie("city"));
					$(".relative .address").css("display","none");
					$(".wrap-address").css("display","none");
				}
			},
			// 用户cookie信息
			loadLoginUser:function(){
				var user = $.cookie("login_user");
				if(user){
					$(".login_register").html(`<a href = "#">${user}</a><a href="/" class="quit">退出</a>`)
				}else{
					// 不存在，显示登录，注册
					$(".login_register").html(
						`<a href="/html/login.html" class="login_page">登录</a>
					<a href="/html/register.html" class="register_page">注册</a>`
					)
				}
			}
			
		}; //Header.prototype
		
		new Header();
		
		console.log("Promise 怎么用？？？？？？？？？？？？？？？");
	} );
})
